fix(link): fix style of Link (#1619)

Co-authored-by: maxin <maxin@growingio.com>

src/link/demos/Link.stories.tsx

@@ -73,7 +73,7 @@ const Template: Story<LinkProps> = (args) => (
 );
 export const Demo = Template.bind({});
 Demo.args = {
-  href: '',
+  href: '//www.growingio.com',
   style: {
     margin: '4px 8px',
   },
@@ -82,23 +82,23 @@ const LinkTemplate: Story<LinkProps> = (args) => <Link {...args}>GrowingIO</Link
 
 export const Default = LinkTemplate.bind({});
 Default.args = {
-  href: '',
+  href: '//www.growingio.com',
 };
 
 export const Disable = LinkTemplate.bind({});
 Disable.args = {
-  href: '',
+  href: '//www.growingio.com',
   disabled: true,
 };
 
 export const Loading = LinkTemplate.bind({});
 Loading.args = {
-  href: '',
+  href: '//www.growingio.com',
   loading: true,
 };
 
 export const IconLink = LinkTemplate.bind({});
 IconLink.args = {
-  href: '',
+  href: '//www.growingio.com',
   prefix: <PlusOutlined />,
 };

src/link/style/index.less

@@ -3,15 +3,33 @@
 @link-prefix-cls: ~'@{component-prefix}-link';
 
 .@{link-prefix-cls} {
+  .reset() {
+    margin: 0;
+    text-decoration: none;
+    border: 0;
+    border-radius: 0;
+    outline: 0;
+    -webkit-appearance: none;
+  }
   box-sizing: border-box;
   color: @blue-2;
-  .text-body1();
-  text-decoration: none;
   cursor: pointer;
+  .text-body1();
+  .reset();
 
-  &:not([aria-disabled='true']):hover {
+  &::-moz-focus-inner {
+    border-style: none;
+  }
+
+  &:not([aria-disabled='true']):hover,
+  &:not([aria-disabled='true']):active,
+  &:not([aria-disabled='true'], :focus-visible):focus {
     color: @blue-3;
-    text-decoration: none;
+    .reset();
+  }
+  &:not([aria-disabled='true']):focus-visible {
+    color: @blue-3;
+    outline: auto;
   }
 
   &_loading {