doc: update website.

Author: jaywcjlove

website/App.tsx

@@ -147,7 +147,7 @@ export default function AppRoot() {
         target="__blank"
       />
       <div className={styles.header}>
-        <div className={styles.title}>HotKeys.js</div>
+        <a className={styles.title} href="http://jaywcjlove.github.io">HotKeys.js</a>
         <div className={styles.github}>
           <a href="https://www.npmjs.com/package/hotkeys-js">
             <button type="button">On NPM</button>
@@ -158,14 +158,14 @@ export default function AppRoot() {
           <a href="https://github.com/jaywcjlove/hotkeys-js/">
             <button type="button">Doc on Github</button>
           </a>&nbsp;
-          <a href="https://jaywcjlove.gitee.io/hotkeys/">
+          <a href="https://gitee.com/jaywcjlove/hotkeys/">
             <button type="button">Doc on Gitee</button>
           </a>&nbsp;
           <button
             onClick={toggleLanguage}
             title={isChineseDoc ? 'Switch to English' : '切换到中文'}
           >
-            {isChineseDoc ? 'EN' : '中文'}
+            {isChineseDoc ? 'EN' : '🇨🇳中文'}
           </button>
         </div>
         <div className={styles.info}>

website/styles/index.module.css

@@ -45,6 +45,10 @@
   font-weight: bold;
   color: #fff;
   text-shadow: -3px -3px 0 #676767, -3px -3px 0 #676767, -3px -3px 0 #676767, -2px -2px 0 #676767, -2px -2px 0 #676767, -1px -1px 0 #676767;
+  transition: all 0.3s;
+}
+.header .title:hover {
+  text-shadow: -3px -3px 0 #363636, -3px -3px 0 #363636, -3px -3px 0 #363636, -2px -2px 0 #363636, -2px -2px 0 #363636, -1px -1px 0 #363636;
 }
 .header .lang {
   text-align: center;