add kubesphere icon animation and katacoda scenario

Signed-off-by: FeynmanZhou <pengfeizhou@yunify.com>

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-<img src="docs/images/kubesphere-logo.png" alt="banner" width="200px">
+<a href="https://kubesphere.io/"><img src="docs/images/kubesphere-icon.gif" alt="banner" width="200px"></a>
 </p>
 
 <p align="center">
@@ -137,7 +137,10 @@ kubectl logs -n kubesphere-system $(kubectl get pod -n kubesphere-system -l app=
 
 > 👨‍💻 No Kubernetes cluster? Try [All-in-one](https://kubesphere.io/docs/quick-start/all-in-one-on-linux/) to install a single-node Kubernetes and KubeSphere on your Linux machine. 
 
-### KubeSphere for hosted Kubernetes services
+### 🐯 Katacoda for Quick Learning
+
+[Katacoda](https://www.katacoda.com/) allows you to explore how to install KubeSphere on an existing Kubernetes cluster in a browser. You can start the [Katacoda scenario with KubeSphere](https://www.katacoda.com/kubesphere/scenarios/install-kubesphere-on-kubernetes) in minutes.
+### KubeSphere for Hosted Kubernetes Services
 
 KubeSphere is hosted on the following cloud providers, you can try KubeSphere by one-click installation on their hosted Kubernetes services. 
 
@@ -160,7 +163,7 @@ We :heart: your contribution. The [community](https://github.com/kubesphere/comm
 
 Please submit any KubeSphere bugs, issues, and feature requests to [KubeSphere GitHub Issue](https://github.com/kubesphere/kubesphere/issues).
 
-## Who are using KubeSphere
+## Who are Using KubeSphere
 
 The [user case studies](https://kubesphere.io/case/) page includes the user list of the project. You can [leave a comment](https://github.com/kubesphere/kubesphere/issues/4123) to let us know your use case.
 

README_zh.md

@@ -1,9 +1,9 @@
 <p align="center">
-<img src="docs/images/kubesphere-logo.png" alt="banner" width="200px">
+<a href="https://kubesphere.com.cn/"><img src="docs/images/kubesphere-icon.gif" alt="banner" width="200px"></a>
 </p>
 
 <p align="center">
-<b>为<i> Kubernetes 多云、数据中心和边缘 </i>管理而定制的容器平台</b>
+<b>适用于<i> Kubernetes 多云、数据中心和边缘 </i>管理的容器平台</b>
 </p>
 
 <p align=center>
@@ -137,6 +137,9 @@ kubectl logs -n kubesphere-system $(kubectl get pod -n kubesphere-system -l app=
 
 > 👨‍💻 没有 Kubernetes 集群? 可以尝试在 Linux 上以[All-in-one](https://kubesphere.io/zh/docs/quick-start/all-in-one-on-linux/) 模式来安装单节点 Kubernetes 和 KubeSphere。
 
+### 🐯 使用 Katacoda 在线安装体验 KubeSphere
+
+[Katacoda](https://www.katacoda.com/) 是一个在线的云原生技术学习实验平台，你可以使用它在浏览器中快速 [安装体验 KubeSphere](https://www.katacoda.com/kubesphere/scenarios/install-kubesphere-on-kubernetes)。
 ### 在托管 Kubernetes 上部署 KubeSphere
 
 KubeSphere 托管在以下云供应商上，您可以通过在其托管的 Kubernetes 服务上一键安装来部署 KubeSphere。
@@ -157,10 +160,10 @@ KubeSphere 托管在以下云供应商上，您可以通过在其托管的 Kuber
 - [中文论坛](https://kubesphere.com.cn/forum/)
 - [社区微信群（见官网底部）](https://kubesphere.com.cn/)
 - [Slack Channel](https://join.slack.com/t/kubesphere/shared_invite/enQtNTE3MDIxNzUxNzQ0LTZkNTdkYWNiYTVkMTM5ZThhODY1MjAyZmVlYWEwZmQ3ODQ1NmM1MGVkNWEzZTRhNzk0MzM5MmY4NDc3ZWVhMjE)
-- [Youtube](https://www.youtube.com/channel/UCyTdUQUYjf7XLjxECx63Hpw)
+- [Bilibili](https://space.bilibili.com/438908638)
 - [在推特上关注我们](https://twitter.com/KubeSphere)
 
-请将任何 KubeSphere 错误、问题和功能请求提交到 [KubeSphere GitHub Issue](https://github.com/kubesphere/kubesphere/issues) 。
+请将任何 KubeSphere 的 Bug、问题和需求提交到 [KubeSphere GitHub Issue](https://github.com/kubesphere/kubesphere/issues) 。
 
 ## 谁在使用 KubeSphere